<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>An HTML5 Slideshow w/ Canvas &amp; jQuery | Tutorialzine Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="slideshow">

	<ul class="slides">
    	<li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>
        <li><img src="img/photos/2.jpg" width="620" height="320" alt="Turrimetta Beach - Dawn" /></li>
        <li><img src="img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>
        <li><img src="img/photos/4.jpg" width="620" height="320" alt="Colors of Nature" /></li>
    </ul>

    <span class="arrow previous"></span>
    <span class="arrow next"></span>
</div>


<p class="tzine"><a href="http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/">Read &amp; Download on Tutorialzine</a></p>
<p class="credit">Photos by <a href="http://www.flickr.com/photos/ac_theart/3835954685/#/">Andrea Costa</a>, <a href="http://www.flickr.com/photos/7818801@N03/4996330017">Big Jobs</a>, <a href="http://www.flickr.com/photos/jbgoblin/4160580726/">johnb/uk</a>, <a href="http://www.flickr.com/photos/gorditojaramillo/368461921/">gorditojaramillo</a></p>
    

</body>
</html>
